@media only screen and (min-width: 970px){
	.contextLeft{
		width:49%;
	}
	.contextRight{
		width:49%;
		margin-left:2%;
	}
}
@media only screen and (max-width: 1000px){
	.contextLeft{
		width:100%;
	}
	.contextRight{
		width:100%;
		margin-left:0;
	}
}

@media only screen and (max-width: 1500px){
	.xs1000,.xs1088 {
		width:100%;
		text-align: left!important;
		margin-top: 20px;
	}
	.ctnTextAreatTop{
		height:324px;
	}
	.updataTextArea{
		height:305px;
	}
}

@media only screen and (max-width: 1200px){
	.xs956{
		width:100%;
	}
	.xs956Left{
		margin-left:20%
	}
	.xs1088{
		width:100%;float:left!important;
	}
}
@media only screen and (max-width: 1230px){
	.xs1088{
		width:100%;
		text-align: left!important;
		margin-top: 20px;
	}
}
@media only screen and (max-width: 1780px){
	.width88{
		width:86.666%!important;
	}
	
}

@media only screen and (max-width: 1530px){
	.width88{
		width:83%!important;
	}
}
@media only screen and (max-width: 1290px){
	.width88{
		width:80%!important;
	}
/*	.xs-offset{
		text-align: left!important;
	}*/
}
@media only screen and (max-width: 1150px){
	.width88{
		width:78%!important;
	}
}
@media only screen and (max-width: 1075px){
	.width88{
		width:75%!important;
	}
}
@media only screen and (max-width: 1005px){
	.width88{
		width:88%!important;
	}
}

@media only screen and (max-width: 1580px){
	.listingmsg{
		font-size: 12px;
		margin-top:0 !important
	}
}

@media only screen and (max-width: 1700px) and (min-width: 1675px){
	.inputW{
		width:91%!important;
	}
}
@media only screen and (max-width: 1675px) and (min-width: 1330px){
	.inputW{
		width:89%!important;
	}
}
@media only screen and (max-width: 1330px) and (min-width: 1165px){
	.inputW{
		width:87%!important;
	}
}
@media only screen and (max-width: 1165px) and (min-width: 960px){
	.inputW{
		width:74%!important;
	}
}
@media only screen and (max-width: 960px) and (min-width: 765px){
	.inputW{
		width:70%!important;
	}

}

@media only screen and (max-width: 1200px) and (min-width: 1170px){
	.xsInterest{
		width:18.6%!important;
	}
	
}
@media only screen and (max-width: 765px){
	.xsPositino{
		position: relative;
	}
	.xsInterest{
		position: absolute;
	    top: -13%;
	    left: 15%;
	    width: 30%;
	}
	
}

@media only screen and (max-width: 765px){
	.main-content,.contextBaground{
		width:765px;
	}
}
@media only screen and (max-width: 778px){
	.tags{
		width:83.333%!important;
	}
}

@media only screen and (max-width: 1918px){
	.shopxs{
		width:100%!important;
	}
	.shopXsW{
		width:33.33333%;
	}
/*	.shopInput {
		width:60%;
	}*/
	.shopXsTop{
		margin-top:20px;
	}
	.shopLabei{
		width: 100px;
		text-align: right;
	}
	.shopleft10{
		padding-left: 0;
	}
	.btnMedia{
		width:36px;
	}
}


@media only screen and (max-width: 1900px) and (min-width: 996px){
	.shopMd{
		width:33.33333%!important;
	}
	.downBtn{
		left: -210px!important;
	}
	.mediaDownBtn{
		left: -200px!important;
	}
	.shopIRigth5{
		right: -5%;
	}
	.shopIRigth10{
		right: -6%;
	}
	.shopCenter{
		text-align: center;
	}
	.shopDRingth{
		text-align: right;
	}
/*	.shopBottmMedia{
		padding-left:0;
		padding-right: 0;
		margin-bottom: 20px;
	}*/
	.mediaRight4{
		right:-6px;
	}
	.input-group-btn{
		width:57px;
	}
	.statuInpu,.inputLeft{
		left:0px;
	}
	.shopFloatLeft,.time-input-media{
		left:20px;
		text-align: left;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 996px){
	.mediaLeft{
		text-align: left;
	}
	.mediaRight{
		right: 0!important;
	}
}
@media only screen and (max-width: 996px){
	.shopInputs{
		width:95.1%
	}
	.shopBottmMedia{
		padding-left:0;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.mediaLeft{
		text-align: left;
	}
	.mediaRight{
		right: 0!important;
	}
	.statuInpu,.inputLeft{
		left:0px;
	}}

